@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url('../fonts/YouSheBiaoTiHei.ttf') format('truetype');
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

:after,
:before {
  box-sizing: border-box;
}

html,
body {
  padding: 0 !important;
  // margin: 0;
  width: 100% !important;
  height: 100%;
  background: #f5f7f9;
  position: relative;

  #app {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.5;
    font-family:
      'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
  }
}

.arco-menu-title {
  color: #c9c9c9;
  font-size: 14px;
  font-weight: lighter;
}

//加载
.arco-spin {
  width: 100%;
  height: 100%;
}

/* 滚动条整体样式 */
::-webkit-scrollbar {
  width: 10px; /* 滚动条的宽度 */
  height: 12px; /* 滚动条的高度（用于水平滚动条） */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: rgba(229, 230, 235, 0.3);
  border-radius: 10px; /* 轨道的圆角 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: rgba(229, 230, 235, 0.5); /* 滑块的背景色 */
  border-radius: 4px; /* 滑块的圆角 */
}
